<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<meta name="keywords" content="省广仿站" />
		<meta name="description" content="高仿，精品，省广官网" />
		<meta name="viewport" content="width=devie-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--device-width:定宽640 自适应
         	initial-scale:默认倍数{可不写}
         	minimum-scale:最小倍数{可不写}
         	maximum-scale:最大倍数{可不写}
         	user-scalable:是否允许用户放大
         -->
	</head>
	<!--PPI：每个英寸所含有的像素点
		物理像素：指移动端分辨率
		逻辑像素：CSS像素（在物理尺寸除以）
		retina:相同面积下面放更多的像素点
		devicePixelRatio:手机的像素倍数
		逻辑像素=物理像素（现实手机尺寸）/devicePixelRatio（手机的像素倍数）
		320    = 640                   /     2    
		          25                  /      2=12.5
		          12.5                *      4
		        alert(window.devicePixelRatio){测试手机屏幕是几K屏}-->

	<body>
		<div class="web">
			<!--头部开始S-->
			<header class="clearfix">
				<div class="header_left fl">
					<label for="login_control"><i class="iconfont icon-liebiao"></i></label>
				</div>
				<div class="header_right fr">
					<div class="search">
						<i class="iconfont icon-fangdajing"></i>
					</div>
				</div>
				<div class="header_center">
					<a href="#"></a>
					<img src="img/logo.png" />
				</div>
			</header>
			<!--头部结束E-->
			<!--中部内容S-->
			<main>
				<!--轮播图-->
				<div class="slideshow">
					<span class="span"><img src="img/lunbotu.png"></span>
					<div class="slideshow_1">
						<p class="p_1">省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
						<p class="p_2">
							<span><img src="img/xinxing.png"></span>
							<span>120</span>
							<span class="span_1">
							<span class="round"></span>
							</span>
							<span>560</span>
							<span class="dot"></span>
						</p>
					</div>
				</div>
				<!---->
				<!--内容_1-->
				<div class="ty clearfix">
					<div class="ty_1 fl">
						<p>
							<a href="#">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
						</p>
						<p class="rt">
							<span class="heart"><img src="img/xinxing-1.png"></span>
							<span class="rt_1">120</span>
							<span class="rt_2">2小时前</span>
							<span class="rt_3">[案例观点]</span>
						</p>
					</div>
					<div class="ty_2 fl"><img src="img/tu-1.png"></div>
				</div>
				<!--分割线-->
				<div class="tieku"></div>
				<!--内容_2-->
				<div class="ty clearfix">
					<div class="ty_1 fl">
						<p>
							<a href="#">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
						</p>
						<p class="rt">
							<span class="heart"><img src="img/xinxing-1.png"></span>
							<span class="rt_1">866</span>
							<span class="rt_2">5小时前</span>
							<span class="rt_3">[课程]</span>
						</p>
					</div>
					<div class="ty_2 fl"><img src="img/tu-2.png"></div>
				</div>
				<div class="tieku_2"></div>
				<!--内容_3-->
				<div class="wt">
					<p class="wt_1">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
					<p class="wt_2">
						<img src="img/yincangtu_1.png">
						<img src="img/yincangtu_2.png">
						<img src="img/yicangtu_3.png">
					</p>
					<p class="wt_3">
						<span class="vai"><img src="img/touxiang.png"></span>
						<span class="ttf_1">陈正光</span>
						<span class="dialog"><img src="img/duihuakuang.png"></span>
						<span class="ttf_2">6868</span>
						<span class="heart"><img src="img/xinxing-1.png"></span>
						<span class="ttf_2">4808</span>
						<span class="ttf_3">2天前</span>
						<span class="ttf_4">[案例观点]</span>
					</p>
				</div>
				<!--内容_4-->
				<div class="news clearfix">
					<div class="news_1 fl">
						<p>
							<a href="#">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
						</p>
						<p class="st">
							<span class="heart"><img src="img/xinxing-1.png"></span>
							<span class="st_1">6</span>
							<span class="st_2">12月26日</span>
							<span class="st_2">07:33:43</span>
							<span class="st_3">[新闻]</span>
						</p>
					</div>
					<div class="news_2 fl"><img src="img/tupian_1.png"></div>
				</div>
				<!--内容_5-->
				<div class="news clearfix">
					<div class="news_1 fl">
						<p>
							<a href="#">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
						</p>
						<p class="st">
							<span class="heart"><img src="img/xinxing-1.png"></span>
							<span class="st_1">120</span>
							<span class="st_2">12月26日</span>
							<span class="st_2">07:33:43</span>
							<span class="st_3">[项目]</span>
						</p>
					</div>
					<div class="news_2 fl"><img src="img/tupian_2.png"></div>
				</div>
				<!--内容_6-->
				<div class="wt">
					<p class="wt_1">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
					<p class="wt_2">
						<img src="img/ts-1.png">
						<img src="img/ts-2.png">
						<img src="img/ts-3.png">
					</p>
					<p class="wt_3">
						<span class="vai"><img src="img/touxiang.png"></span>
						<span class="ttf_1">陈正光</span>
						<span class="dialog"><img src="img/duihuakuang.png"></span>
						<span class="ttf_2">6868</span>
						<span class="heart"><img src="img/xinxing-1.png"></span>
						<span class="ttf_2">4808</span>
						<span class="ttf_3">2天前</span>
						<span class="ttf_4">[案例观点]</span>
					</p>
				</div>
				<!--内容7-->
				<div class="news clearfix">
					<div class="news_1 fl">
						<p>
							<a href="#">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
						</p>
						<p class="st">
							<span class="heart"><img src="img/xinxing-1.png"></span>
							<span class="st_1">6</span>
							<span class="st_2">12月26日</span>
							<span class="st_2">07:33:43</span>
							<span class="st_3">[新闻]</span>
						</p>
					</div>
					<div class="news_2 fl"><img src="img/tupian_1.png"></div>
				</div>
				<!--内容_8-->
				<div class="news clearfix">
					<div class="news_1 fl">
						<p>
							<a href="#">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
						</p>
						<p class="st">
							<span class="heart"><img src="img/xinxing-1.png"></span>
							<span class="st_1">120</span>
							<span class="st_2">12月26日</span>
							<span class="st_2">07:33:43</span>
							<span class="st_3">[项目]</span>
						</p>
					</div>
					<div class="news_2 fl"><img src="img/tupian_2.png"></div>
				</div>
				<div class="loading">
					<span>加载更多</span>
				</div>
			</main>
			<!--中部内容E-->
			<!--尾部S-->
			<footer>
				<!--ul.cleafix>li.fl*5>a>i.iconfont.icon-liebiao+div{首页}-->
				<ul class="cleafix">
					<li class="fl">
						<a href="">
							<i class="iconfont icon-shouye01"></i>
							<div>首页</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="iconfont icon-logo"></i>
							<div>GIMC</div>
						</a>
					</li>
					<li class="fl">
						<a href="" class="active">
							<i class="iconfont icon-wenzhang"></i>
							<div>文章</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="iconfont icon-ziyuancopy"></i>
							<div>资源</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="iconfont icon-xueyuan"></i>
							<div>学院</div>
						</a>
					</li>
				</ul>
			</footer>
			<!--尾部E-->
			<!--未登陆S-->
			<input type="checkbox" id="login_control" />
			<div class="popup login">
				<div class="back">
					<label for="login_control">我是login界面</label>
				</div>
				<div class="enter_logo">
					<img src="img/denglu-logo.png">
				</div>
				<div class="wu">
					<form method="post" register >
						<div class="account ">
							<span class="account_1 "><img src="img/zhanghao.png " /></span>
							<span class="account_2 "><input type="text " name="account " placeholder="请输入已验证的手机号或邮箱 " /></span>
						</div>
						<div class="password ">
							<span class="password_1 "><img src="img/mima.png "></span>
							<span class="password_2 "><input type="password " name="password " placeholder="请输入密码 " /></span>
						</div>
						<p class="forget ">
							<a href="# ">
								<img src="img/wenhao.png ">&nbsp忘记密码
							</a>
							
						</p>
						<div class="enter ">
							<label for="person_control">
								<span>登录</span>
							</label>
						</div>
						<div class="register ">
							<span>注册</span>
						</div>
					</form>
				</div>
			</div>
			<!--未登录E-->
			<!--已登录s-->
			<input type="checkbox" id="person_control" />
			<div class="popup person ">
				<div class="cl ">
					<label for="person_control"><img src="img/tuichu.png "></label>
					<div class="ccoo ">
						<form method="post ">
						<span><img src="img/sousou.png "></span>
						<input type="text " placeholder="Search "/>
					</form>
					</div>
				</div>
				<div class="line "></div>
				<div class="Photo ">
					<img src="img/tx-1.png " />
				</div>
				<div class="fs ">
					<span class="fs_1 ">陈小敏</span>
					<span class="fs_2 ">
						个人中心>
					</span>
				</div>
				<div class="stars ">
					    <span><img src="img/wujiaoxing.png "/></span>
					    <span><img src="img/wujiaoxing.png "/></span>
					    <span><img src="img/wujiaoxing.png "/></span>
					    <span><img src="img/wujiaoxing.png "/></span>
				</div>
				<div class="popularity">
					<span class="popularity_1">关注</span>
					<span class="popularity_2">36</span>
					<span class="popularity_3"><img src="img/fengexian_1.png"></span>
					<span class="popularity_4">粉丝</span>
					<span class="popularity_2">290</span>
				</div>
				<div class="ti">
					<span class="ti_1"><a href="#">我的收藏</a></span>
					<span class="ti_2"><a href="#">我的发布</a></span>
				</div>
				<div class="tieku_3"></div>
				<div class="list">
					<ul class="stair">
						<li>GIMC</li>
						<ul class="stair">
							<li>
								<a href="#">省广介绍</a>
							</li>
							<li>
								<a href="#">新闻资讯</a>
							</li>
						</ul>
						<li>文章</li>
						<li>资源</li>
						<li>课程</li>
					</ul>
				</div>
				<div class="logoff">
					<label for="#">退出</label>
				</div>
			</div>
			<!--已登录e-->
			<!--热搜s-->
			<input type="checkbox " id="" />
			<div class="popup search_web "></div>
			<!--热搜e-->
			<!--热搜结果S-->
			<input type="checkbox " id=" " />
			<div class="popup search_res "></div>
			<!--热搜结果S-->
		</div>
	</body>

</html>